﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>BingMapsJSIntro</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- BingMapsJSIntro references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>

    <!-- Bing Maps references -->
    <script type="text/javascript" src="ms-appx:///Bing.Maps.JavaScript//js/veapicore.js"></script>
    <script type="text/javascript" src="ms-appx:///Bing.Maps.JavaScript//js/veapimodules.js"></script>

    <!-- Our Bing Maps JavaScript Code -->
    <script src="/js/bingMapsClustering.js"></script>

    <!-- This is a reference to a class for generating test data. Not needed in production apps. -->
    <script type="text/javascript" src="/js/TestDataGenerator.js"></script>
</head>
<body>
    <div id="myMap"></div>
     
    <div style="position:absolute;right:10px;top:10px;background-color:#808080;padding:5px;">
        Data Size: <input type="text" id="dataSize" style="width:30px;"/>
        <input type="button" value="Get Mock Data" onclick="RequestData();" />
    </div>     
</body>
</html>
